@extends('home.layout')
@section('content')
<!-- <div role="toolbar" class="c-featured-slider slick-initialized slick-slider" data-component="FeaturedArticlesSlider"> -->

<div id="focusViwer">

  <div id="imgADPlayer" style="margin:0 auto;width: 80%;">
    
</div> 
<script> 
PImgPlayer.addItem( "<a href=# target=_blank style=color:#000;text-decoration:none;></a>", "#", "{{ url('/if/Meinv010.jpg ') }} ");    
PImgPlayer.addItem( "<a href=# target=_blank style=color:#000;text-decoration:none;></a>", "#", "{{ url('/if/Meinv009.jpg ') }} ");     
PImgPlayer.addItem( "<a href=# target=_blank style=color:#000;text-decoration:none;>安 静</a>", "#", "{{ url('/if/Meinv011.jpg ') }} ");     
PImgPlayer.addItem( "<a href=# target=_blank style=color:#000;text-decoration:none;>高圆圆登韩国芭莎 奢华贵气十足</a>", "#", "{{ url('/if/Meinv012.jpg ') }} "); 
PImgPlayer.addItem( "<a href=# target=_blank style=color:#000;text-decoration:none;>性感主播柳岩 男人装写真回顾</a>", "#", "{{ url('/if/Meinv013.jpg ') }} ");  
PImgPlayer.init( "imgADPlayer", 1349, 370 );   
</script>
    
    
    
    
    
</div>




<div class="o-wrapper c-home">
     <article id="articles-collection" class="o-matrix o-wrapper__contents">
     
     <div class="o-matrix__row">


<div class="o-matrix__row__unit">
  <div class="c-card c-card-article c-card--shadowed c-card-article--darken" data-post-id="722834">
        <!-- 左上角的游戏字 -->
      <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="游戏的连接" target="_blank">游戏分类</a></label>


      <div class="c-card-article__thumbnail" style="background-image:url('加载本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="文章连接" target="_blank">
                 <h1 class="c-card-article__title">标题
                 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                  <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">发布时间</time>
                  <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">评论</span>
                  <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">点击量</span>
            </div>
        </div>
            <a class="c-card-article__thumbnail__link" href="http://www.ifanr.com/722834" target="_blank">

            </a>
  </div>
</div>        


              <!-- 第一排第二块产品项 -->
         <div class="o-matrix__row__unit o-matrix__row__unit--2x1">
                <div class="c-card c-card-article c-card--shadowed c-card-article--darken c-card-article--thumbnail c-card-article--thumbnail__layer" data-post-id="722819">

                    <label class="c-card-article__label"><a class="c-card-article__label__link" href="分类网站连接">产品分类</a></label>

                   <div class="c-card-article__thumbnail" style="background-image:url('自己添加的<!-- -->图片')">
                   <a class="c-card-article__thumbnail__link" href="http://www.ifanr.com/722819" target="_blank"></a>
                   <h1 class="c-card-article__title"><a class="c-card-article__link" href="http://www.ifanr.com/722819" target="_blank">明年，你的新机将可能用上这些处理器</a></h1>
                   </div>
                </div>
         </div>
</div>



     <!-- 第二排   三个模块-->




<div class="o-matrix__row">
   <!-- 1 -->
    <div class="o-matrix__row__unit">
      <div class="c-card c-card-article c-card--shadowed" data-post-id="722742">
          <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="分类连接" target="_blank">新创分类</a></label>

          <div class="c-card-article__thumbnail" style="background-image:url('图片本地地址')"></div>

          <div class="c-card-article__contents">
            <a class="c-card-article__link" href="#" target="_blank"><h1 class="c-card-article__title">  <!-- 标题内容 -->  </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">0</span>
                <span   class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">1</span>
            </div>
          </div>

          <a class="c-card-article__thumbnail__link" href="http://www.ifanr.com/722742" target="_blank"></a>
      </div>
    </div>                                                                                          
     <!-- 2 -->
    <div class="o-matrix__row__unit">
    <div class="c-card c-card-article c-card--shadowed" data-post-id="722821">
        <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="应用的网址连接" target="_blank">应用</a></label>

        <div class="c-card-article__thumbnail" style="background-image:url('本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722821" target="_blank"> <h1 class="c-card-article__title"> 标题 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">2</span>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
            </div>
        </div>
        <a class="c-card-article__thumbnail__link" href="网址" target="_blank"></a>
    </div>
    </div>                                                                                          
      
          <!-- 3 -->
    <div class="o-matrix__row__unit">
    <div class="c-card c-card-article c-card--shadowed" data-post-id="722821">
        <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="应用的网址连接" target="_blank">应用</a></label>

        <div class="c-card-article__thumbnail" style="background-image:url('本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722821" target="_blank"> <h1 class="c-card-article__title"> 标题 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">2</span>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
            </div>
        </div>
        <a class="c-card-article__thumbnail__link" href="网址" target="_blank"></a>
    </div>
    </div>
</div> 
             
<!-- 第三排   三个模块-->

<div class="o-matrix__row">
   <!-- 1 -->
    <div class="o-matrix__row__unit">
      <div class="c-card c-card-article c-card--shadowed" data-post-id="722742">
          <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="分类连接" target="_blank">新创分类</a></label>

          <div class="c-card-article__thumbnail" style="background-image:url('图片本地地址')"></div>

          <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722742" target="_blank"><h1 class="c-card-article__title">  <!-- 标题内容 -->  </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">0</span>
                <span   class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">1</span>
            </div>
          </div>

          <a class="c-card-article__thumbnail__link" href="http://www.ifanr.com/722742" target="_blank"></a>
      </div>
    </div>                                                                                          
     <!-- 2 -->
    <div class="o-matrix__row__unit">
    <div class="c-card c-card-article c-card--shadowed" data-post-id="722821">
        <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="应用的网址连接" target="_blank">应用</a></label>

        <div class="c-card-article__thumbnail" style="background-image:url('本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722821" target="_blank"> <h1 class="c-card-article__title"> 标题 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">2</span>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
            </div>
        </div>
        <a class="c-card-article__thumbnail__link" href="网址" target="_blank"></a>
    </div>
    </div>                                                                                          
      
          <!-- 3 -->
    <div class="o-matrix__row__unit">
    <div class="c-card c-card-article c-card--shadowed" data-post-id="722821">
        <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="应用的网址连接" target="_blank">应用</a></label>

        <div class="c-card-article__thumbnail" style="background-image:url('本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722821" target="_blank"> <h1 class="c-card-article__title"> 标题 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">2</span>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
            </div>
        </div>
        <a class="c-card-article__thumbnail__link" href="网址" target="_blank"></a>
    </div>
    </div>
</div> 
                 
<!-- 第四排 两个模块 -->
  <br/>
 <div class="c-video-player" data-component="VideoPlayer">

    <!-- 左侧部分 -->
  <div class="c-video-player__screen c-player-screen js-player-screen">
    <div class="c-player-screen__content" style="background-image:url('http://images.ifanr.cn/wp-content/uploads/2016/09/20160926.jpg')">
      <button class="c-player-screen__content__play js-play-video"></button>
      <iframe ga-track="event" ga-action="play" ga-event-category="Domain" ga-event-label="Video" class="js-video-src" src="" allowfullscreen="" frameborder="0"></iframe>
      <div class="c-player-progress js-player-progress">
        <span class="c-player-progress__state c-player-progress__state--paused"></span>
        <span class="c-player-progress__time js-video-duration">02:44</span>
      </div>
    </div>

      <!-- 右侧部分 -->
    <div class="c-player-screen__intro">
      <a class="c-player-screen__url js-video-url" href="http://www.ifanr.com/video/722626" target="_blank"><h1 class="c-player-screen__title js-video-title">【爱范儿大件事】Note7 “复出”推迟，Snapchat 眼镜会拍视频</h1></a>
      <div class="c-player-screen__label">
        <span class="c-player-screen__label__content">视频</span>
        <time class="c-player-screen__label__content js-video-time">4 小时前</time>
      </div>
      <p class="c-player-screen__desc js-video-description"></p>
    </div>
  </div>



  <!-- 四排下半部分 -->
      <div class="c-video-player__chooser swiper-container js-video-list-container swiper-container-horizontal">
      <!-- c-video-player__chooser__control--disabled -->
        <span ga-track="event" ga-action="click" ga-event-category="Domain" ga-event-label="LoadNextPage" class="c-video-player__chooser__control c-video-player__chooser__control--left js-prev swiper-button-disabled"></span>
      <span ga-track="event" ga-action="click" ga-event-category="Domain" ga-event-label="LoadNextPage" class="c-video-player__chooser__control c-video-player__chooser__control--right js-next"></span>



      <ul class="c-video-list js-video-list swiper-wrapper">


          <li ga-track="event" ga-action="play" ga-event-category="Domain" ga-event-label="Video" class="c-video-list__content c-card js-watch-video swiper-slide swiper-slide-active" data-post-url="http://www.ifanr.com/video/722626" data-src="http://player.youku.com/embed/XMTczODU5NDE3Ng==" data-description="" data-title="【爱范儿大件事】Note7 “复出”推迟，Snapchat 眼镜会拍视频" data-time="4 小时前" data-duration="02:44">
          <h2 data-clamped="" class="c-video-list__title" data-clamp="">【爱范儿大件事】Note7 “复出”推迟，Snapchat 眼镜会拍视频</h2>
          <div class="c-card-meta c-card-meta--bottom c-video-list__meta">
          <time class="c-card-meta__info c-card-meta__info--left"></time>
          </div>
          <span class="c-video-list__content__state c-player-progress c-player-progress--active">
          <span class="c-player-progress__state c-player-progress__state--paused"></span>
          <span class="c-player-progress__time">02:44</span>
          </span>
          </li>



          <li ga-track="event" ga-action="play" ga-event-category="Domain" ga-event-label="Video" class="c-video-list__content c-card js-watch-video swiper-slide swiper-slide-next" data-post-url="http://www.ifanr.com/video/721686" data-src="http://player.youku.com/embed/XMTczNTIxMjQ5Mg==" data-description="" data-title="【爱范儿大件事】Note7 起火存在谎报，锤粉状告老罗但败诉" data-time="9-23 06:56" data-duration="02:57">
          <h2 data-clamped="" class="c-video-list__title" data-clamp="">【爱范儿大件事】Note7 起火存在谎报，锤粉状告老罗但败诉</h2>
          <div class="c-card-meta c-card-meta--bottom c-video-list__meta">
          <time class="c-card-meta__info c-card-meta__info--left"></time>
          </div>
          <span class="c-video-list__content__state c-player-progress c-player-progress--active">
          <span class="c-player-progress__state c-player-progress__state--paused"></span>
          <span class="c-player-progress__time">02:57</span>
          </span>
          </li>


          <li ga-track="event" ga-action="play" ga-event-category="Domain" ga-event-label="Video" class="c-video-list__content c-card js-watch-video swiper-slide" data-post-url="http://www.ifanr.com/video/721590" data-src="http://player.youku.com/embed/XMTczNDg4MDgyNA==" data-description="" data-title="【爱范儿验货】电动滑板真的能成为代步工具？" data-time="9-23 06:56" data-duration="03:28">
          <h2 data-clamped="" class="c-video-list__title" data-clamp="">【爱范儿验货】电动滑板真的能成为代步工具？</h2>
          <div class="c-card-meta c-card-meta--bottom c-video-list__meta">
          <time class="c-card-meta__info c-card-meta__info--left"></time>
          </div>
          <span class="c-video-list__content__state c-player-progress c-player-progress--active">
          <span class="c-player-progress__state c-player-progress__state--paused"></span>
          <span class="c-player-progress__time">03:28</span>
          </span>
          </li>



          <li ga-track="event" ga-action="play" ga-event-category="Domain" ga-event-label="Video" class="c-video-list__content c-card js-watch-video swiper-slide" data-post-url="http://www.ifanr.com/video/721126" data-src="http://player.youku.com/embed/XMTczNDA2NTE2OA==" data-description="" data-title="【爱范儿大件事】微信应用号开启内测，iPhone 7 Plus 人像功能上手" data-time="9-22 07:18" data-duration="02:30">
          <h2 data-clamped="" class="c-video-list__title" data-clamp="">【爱范儿大件事】微信应用号开启内测，iPhone 7 Plus 人像功能上手</h2>
          <div class="c-card-meta c-card-meta--bottom c-video-list__meta">
          <time class="c-card-meta__info c-card-meta__info--left"></time>
          </div>
          <span class="c-video-list__content__state c-player-progress c-player-progress--active">
          <span class="c-player-progress__state c-player-progress__state--paused"></span>
          <span class="c-player-progress__time">02:30</span>
          </span>
          </li>


          <li ga-track="event" ga-action="play" ga-event-category="Domain" ga-event-label="Video" class="c-video-list__content c-card js-watch-video swiper-slide" data-post-url="http://www.ifanr.com/video/720507" data-src="http://player.youku.com/embed/XMTczMjY3NzE2MA==" data-description="" data-title="【爱范儿大件事】macOS Sierra 正式版推出，微软还在出诺基亚手机" data-time="9-21 05:57" data-duration="02:30">
          <h2 data-clamped="" class="c-video-list__title" data-clamp="">【爱范儿大件事】macOS Sierra 正式版推出，微软还在出诺基亚手机</h2>
          <div class="c-card-meta c-card-meta--bottom c-video-list__meta">
          <time class="c-card-meta__info c-card-meta__info--left"></time>
          </div>
          <span class="c-video-list__content__state c-player-progress c-player-progress--active">
          <span class="c-player-progress__state c-player-progress__state--paused"></span>
          <span class="c-player-progress__time">02:30</span>
          </span>
          </li>
         


          <li ga-track="event" ga-action="play" ga-event-category="Domain" ga-event-label="Video" class="c-video-list__content c-card js-watch-video swiper-slide" data-post-url="http://www.ifanr.com/video/717079" data-src="http://player.youku.com/embed/XMTcyNDA5MzMwMA==" data-description="" data-title="【爱范儿出品】iPhone 7 &amp; iPhone 7 Plus 首发评测" data-time="9-13 10:04" data-duration="04:29">
          <h2 data-clamped="" class="c-video-list__title" data-clamp="">表题</h2>
          <div class="c-card-meta c-card-meta--bottom c-video-list__meta">
          <time class="c-card-meta__info c-card-meta__info--left"></time>
          </div>
          <span class="c-video-list__content__state c-player-progress c-player-progress--active">
          <span class="c-player-progress__state c-player-progress__state--paused"></span>
          <span class="c-player-progress__time">04:29</span>
          </span>
          </li>

          <li class="c-video-list__more c-card swiper-slide">
          <a class="c-video-list__more__link" href="http://www.ifanr.com/video/">查看更多</a>
          </li>
        </ul>
      </div>
</div>

<!-- 第五排 三个模块-->

 <div class="o-matrix__row">
   <!-- 1 -->
    <div class="o-matrix__row__unit">
      <div class="c-card c-card-article c-card--shadowed" data-post-id="722742">
          <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="分类连接" target="_blank">新创分类</a></label>

          <div class="c-card-article__thumbnail" style="background-image:url('图片本地地址')"></div>

          <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722742" target="_blank"><h1 class="c-card-article__title">  <!-- 标题内容 -->  </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">0</span>
                <span   class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">1</span>
            </div>
          </div>

          <a class="c-card-article__thumbnail__link" href="http://www.ifanr.com/722742" target="_blank"></a>
      </div>
    </div>                                                                                          
     <!-- 2 -->
    <div class="o-matrix__row__unit">
    <div class="c-card c-card-article c-card--shadowed" data-post-id="722821">
        <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="应用的网址连接" target="_blank">应用</a></label>

        <div class="c-card-article__thumbnail" style="background-image:url('本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722821" target="_blank"> <h1 class="c-card-article__title"> 标题 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">2</span>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
            </div>
        </div>
        <a class="c-card-article__thumbnail__link" href="网址" target="_blank"></a>
    </div>
    </div>                                                                                          
      
          <!-- 3 -->
    <div class="o-matrix__row__unit">
    <div class="c-card c-card-article c-card--shadowed" data-post-id="722821">
        <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="应用的网址连接" target="_blank">应用</a></label>

        <div class="c-card-article__thumbnail" style="background-image:url('本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722821" target="_blank"> <h1 class="c-card-article__title"> 标题 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">2</span>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
            </div>
        </div>
        <a class="c-card-article__thumbnail__link" href="网址" target="_blank"></a>
    </div>
    </div>
</div> 
             


<!-- 第六排 三个模块 -->

 <div class="o-matrix__row">
   <!-- 1 -->
    <div class="o-matrix__row__unit">
      <div class="c-card c-card-article c-card--shadowed" data-post-id="722742">
          <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="分类连接" target="_blank">新创分类</a></label>

          <div class="c-card-article__thumbnail" style="background-image:url('图片本地地址')"></div>

          <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722742" target="_blank"><h1 class="c-card-article__title">  <!-- 标题内容 -->  </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">0</span>
                <span   class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">1</span>
            </div>
          </div>

          <a class="c-card-article__thumbnail__link" href="http://www.ifanr.com/722742" target="_blank"></a>
      </div>
    </div>                                                                                          
     <!-- 2 -->
    <div class="o-matrix__row__unit">
    <div class="c-card c-card-article c-card--shadowed" data-post-id="722821">
        <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="应用的网址连接" target="_blank">应用</a></label>

        <div class="c-card-article__thumbnail" style="background-image:url('本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722821" target="_blank"> <h1 class="c-card-article__title"> 标题 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">2</span>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
            </div>
        </div>
        <a class="c-card-article__thumbnail__link" href="网址" target="_blank"></a>
    </div>
    </div>                                                                                          
      
          <!-- 3 -->
    <div class="o-matrix__row__unit">
    <div class="c-card c-card-article c-card--shadowed" data-post-id="722821">
        <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="应用的网址连接" target="_blank">应用</a></label>

        <div class="c-card-article__thumbnail" style="background-image:url('本地图片')"></div>

        <div class="c-card-article__contents">
            <a class="c-card-article__link" href="http://www.ifanr.com/722821" target="_blank"> <h1 class="c-card-article__title"> 标题 </h1>
            </a>

            <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
                <time class="c-card-article__time c-card-meta__info c-card-meta__info--left">1 小时前</time>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">2</span>
                <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
            </div>
        </div>
        <a class="c-card-article__thumbnail__link" href="网址" target="_blank"></a>
    </div>
    </div>
</div> 
                  

<!-- 大声么 开始 -->

<div class="c-dasheng-sliders-container" data-component="HomeDasheng">
  <div class="c-dasheng-bg-sliders c-card swiper-container js-dasheng-bg-swiper swiper-container-horizontal">
    <div class="c-dasheng-sliders__background-wrapper swiper-wrapper">
              <div class="swiper-slide swiper-slide-active" style="background-image: url(&quot;//ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/20730-.jpg&quot;); width: 790px;">
        </div>
              <div class="swiper-slide swiper-slide-next" style="background-image: url(&quot;http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/ollila.jpg&quot;); width: 790px;">
        </div>
              <div class="swiper-slide" style="background-image: url(&quot;//ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/fSocQcN.jpg&quot;); width: 790px;">
        </div>
              <div class="swiper-slide" style="background-image: url(&quot;http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/appletax1.jpg&quot;); width: 790px;">
        </div>
              <div class="swiper-slide" style="background-image: url(&quot;//ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2016/09/sat-ai-head.jpg&quot;); width: 790px;">
        </div>
          </div>
  </div>

  <div class="c-dasheng-sliders c-card swiper-container js-dasheng-main-swiper swiper-container-horizontal">
    <div class="c-dasheng-sliders__header">
      <h5 class="c-dasheng-sliders__category c-card-category c-card-category--reversed c-card-category--large">大声</h5>
            <span class="c-dasheng-sliders__control">
              <span ga-track="event" ga-action="switch" ga-event-category="Domain" ga-event-label="Dasheng" ifr-dasheng-slider-prev="" class="c-dasheng-sliders__control__prev js-dasheng-prev-btn swiper-button-disabled"></span>
              <span ga-track="event" ga-action="switch" ga-event-category="Domain" ga-event-label="Dasheng" ifr-dasheng-slider-next="" class="c-dasheng-sliders__control__next js-dasheng-next-btn"></span>
            </span>
    </div>


    <div class="c-dasheng-sliders__wrapper swiper-wrapper">
              <a style="width: 790px;" href="http://www.ifanr.com/dasheng/722532" class="c-dasheng-sliders__item js-dasheng-slider swiper-slide swiper-slide-active" target="_blank">
          <div data-clamped="" class="c-dasheng-sliders__content-container" data-clamp="child">
            <h3 class="c-dasheng-sliders__content">现实是一些市场的用户比另一些市场的用户有价值得多。若想打造一家规模更大的公司，就要追求更大的目标市场。</h3>
          </div>
          <div class="c-dasheng-sliders__meta c-card-meta">
            <span class="c-dasheng-sliders__meta__link c-card-meta__info c-card-meta__info--left">查看全文</span>
            <span class="c-dasheng-sliders__meta__author c-card-meta__info c-card-meta__info--right">—— 手游公司 CEO 唐彬森</span>
          </div>
        </a>
              <a style="width: 790px;" href="http://www.ifanr.com/dasheng/720666" class="c-dasheng-sliders__item js-dasheng-slider swiper-slide swiper-slide-next" target="_blank">
          <div data-clamped="" class="c-dasheng-sliders__content-container" data-clamp="child">
            <h3 class="c-dasheng-sliders__content">我是一艘大船的船长，这艘船只有驾驶室在吃水线上方：船体已没入水中，水正流入发动机舱。</h3>
          </div>
          <div class="c-dasheng-sliders__meta c-card-meta">
            <span class="c-dasheng-sliders__meta__link c-card-meta__info c-card-meta__info--left">查看全文</span>
            <span class="c-dasheng-sliders__meta__author c-card-meta__info c-card-meta__info--right">—— 诺基亚前 CEO 约玛·奥利拉（Jorma Ollila）</span>
          </div>
        </a>
              <a style="width: 790px;" href="http://www.ifanr.com/dasheng/719996" class="c-dasheng-sliders__item js-dasheng-slider swiper-slide" target="_blank">
          <div data-clamped="" class="c-dasheng-sliders__content-container" data-clamp="child">
            <h3 class="c-dasheng-sliders__content">因为我们在乎每一个论坛用户的感受，才决定在通常以周和月来计算产品生命周期的行业里，一次次延长这款高龄产品的生命线。可有时候，恰到好处的离别，比不散的筵席更可贵，因为在你我的心里，留下的总是彼此最美好的回忆。</h3>
          </div>
          <div class="c-dasheng-sliders__meta c-card-meta">
            <span class="c-dasheng-sliders__meta__link c-card-meta__info c-card-meta__info--left">查看全文</span>
            <span class="c-dasheng-sliders__meta__author c-card-meta__info c-card-meta__info--right">—— 网易论坛停服公告</span>
          </div>
        </a>
              <a style="width: 790px;" href="http://www.ifanr.com/dasheng/719280" class="c-dasheng-sliders__item js-dasheng-slider swiper-slide" target="_blank">
          <div data-clamped="" class="c-dasheng-sliders__content-container" data-clamp="child">
            <h3 class="c-dasheng-sliders__content">为了所有尊重法治的国家的利益，这一决定必须要推翻……此决定一旦通过，将为企业大规模投资所需的法律确定性遭到破坏开创先例，对于欧盟及其成员国公民来讲，这是一次严重的自我伤害。</h3>
          </div>
          <div class="c-dasheng-sliders__meta c-card-meta">
            <span class="c-dasheng-sliders__meta__link c-card-meta__info c-card-meta__info--left">查看全文</span>
            <span class="c-dasheng-sliders__meta__author c-card-meta__info c-card-meta__info--right">—— 美国 185 名 CEO 联名致信欧盟</span>
          </div>
        </a>
              <a style="width: 790px;" href="http://www.ifanr.com/dasheng/716904" class="c-dasheng-sliders__item js-dasheng-slider swiper-slide" target="_blank">
          <div data-clamped="" class="c-dasheng-sliders__content-container" data-clamp="child">
            <h3 class="c-dasheng-sliders__content">在过去的几年当中，大家已经接受互联网和移动互联网作为基础设施，像曾经的水和电一样进入到我们的生活。现在大家能够看到，在将来的 10 年，人工智能也会像技术服务进入到我们的生活当中，每个人都离不开。</h3>
          </div>
          <div class="c-dasheng-sliders__meta c-card-meta">
            <span class="c-dasheng-sliders__meta__link c-card-meta__info c-card-meta__info--left">查看全文</span>
            <span class="c-dasheng-sliders__meta__author c-card-meta__info c-card-meta__info--right">—— 科大讯飞创始人胡郁</span>
          </div>
        </a>
          </div>
  </div>

</div>



     <div class="o-matrix__row">

@foreach($data as $goods)
<div class="o-matrix__row__unit goods" style='margin-bottom:20px'>
    <div class="c-card c-card-article c-card--shadowed c-card-article--darken" data-post-id="722044">
          <label ga-track="event" ga-action="click" ga-event-category="Class" ga-event-label="Tag" class="c-card-article__label"><a class="c-card-article__label__link" href="http://www.ifanr.com/category/special/%e7%94%b5%e5%bd%b1" target="_blank">
          @foreach($allData as $cate)
          @if($goods -> cate_id == $cate -> id)
            {{ $cate -> name }}
         
          @endif
          @endforeach
          </a></label>
        <div class="c-card-article__thumbnail" style="background-image:{{ url('/uploads') }}/{{ $goods -> img_head }}"><img class='img' width='100%' height='160' src="{{ url('/uploads') }}/{{ $goods -> img_head }}">
    </div>
          <div class="c-card-article__contents">
        <a class="c-card-article__link" href="{{ url('/home/content/detail') }}" target="_blank">
          <h1 class="c-card-article__title title">
            {{ $goods -> title }}
          </h1>
        </a>
        <div class="c-card-article__meta c-card-meta c-card-meta--bottom">
          <time class="c-card-article__time c-card-meta__info c-card-meta__info--left time">{{ $goods -> time }}</time>
          <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--like js-article-like-count">3</span>
          <span class="c-card-meta__info c-card-meta__info--right c-card-meta__info--comments">0</span>
        </div>
      </div>
        <a class="c-card-article__thumbnail__link more" href="{{ url('/home/index/detail') }}/{{ $goods -> id }}" target="_blank"></a>
  </div>
</div>  
@endforeach



</div>


</article>


    <aside data-bounds-bottom="320" data-bounds-top="425" data-component="AwesomeScroll" class="o-wrapper__asides" style="position: static;">


<!-- 右上角的商城 -->
<div class="o-widget c-jiong c-jiong--block c-jiong--commercial" id="jiong">
  <a rel="nofollow" target="_blank" href="https://ifanr.in/product/detail/565/"><img alt="玩物志" src="{{  url('/if/1_002.jpg') }}" class="c-jiong__image"></a>
</div>

<section data-component="BuzzWidget" class="c-buzz-widget o-widget">


<div class="o-widget__header c-buzz-widget-header" style="background: url('/if/kuaixun.png')">
    <h1 class="o-widget__header__title c-buzz-widget-header__title"></h1>
</div>


  <ul data-component="Scrollbar" class="o-widget__items c-buzz-widget-items js-buzz-widget-items ps-container ps-theme-default ps-active-y" data-ps-id="57b6fb00-604b-6409-1142-622f3b287433">


  <li>
        <a data-source-url="http://tech.163.com/16/0928/14/C22B6BU900097U7R.html" target="_blank" href="#" class="c-buzz-widget-items__item u-block" ga-event-label="LiveNews" ga-event-category="Widget" ga-action="click" ga-track="event">
          <h2 class="c-buzz-widget-items__item__title js-clamp-lines--2">交通部：近期将发布实施网约车运营服务规范</h2>
          <div class="c-buzz-widget-items__item__meta">21 分钟前</div>
        </a>
  </li>
<!-- 快讯 -->

  <li>
        <a data-source-url="http://tech.sina.com.cn/i/2016-09-28/doc-ifxwevmc5756920.shtml" target="_blank" href="http://www.ifanr.com/buzz/724222" class="c-buzz-widget-items__item u-block" ga-event-label="LiveNews" ga-event-category="Widget" ga-action="click" ga-track="event">
          <h2 class="c-buzz-widget-items__item__title js-clamp-lines--2">北京摇号系统能看他人信息 工作人员称系统问题</h2>
          <div class="c-buzz-widget-items__item__meta">32 分钟前</div>
        </a>
  </li>

<!-- 快讯 -->




 
         

      <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px;">
         <div class="ps-scrollbar-x" tabindex="0" style="left: 0px; width: 0px;">
            快讯
         </div>
      </div>


      <div class="ps-scrollbar-y-rail" style="top: 0px; height: 468px; right: 3px;"><div class="ps-scrollbar-y" tabindex="0" style="top: 0px; height: 263px;"></div></div>

      <li><a href="http://www.ifanr.com/buzz/724059" data-source-url="http://tech.qq.com/a/20160928/021763.htm" class="c-buzz-widget-items__item u-block"><h2 class="c-buzz-widget-items__item__title js-clamp-lines--2">专访世界上首个人工智能系主席：人工智能与 10年前相比已经大不一样</h2><div class="c-buzz-widget-items__item__meta">4 小时前</div></a></li>

      <li><a href="http://www.ifanr.com/buzz/724036" data-source-url="http://tech.qq.com/a/20160928/019760.htm" class="c-buzz-widget-items__item u-block"><h2 class="c-buzz-widget-items__item__title js-clamp-lines--2">GMIC全球科学创新峰会开幕 科学家成主角</h2><div class="c-buzz-widget-items__item__meta">4 小时前</div></a></li>

      </ul>
</section>


<div data-component="RecommendArticleWidget" class="o-widget c-recommend-articles">
  <div class="c-recommend-articles__headline">推荐文章</div>

  <div style="" data-component="Scrollbar" class="inner-box ps-container ps-theme-default" data-ps-id="2f5ea3ed-5b73-8384-4470-f66c09b746e9">
  <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px;"><div class="ps-scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div>

  <div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px;"><div class="ps-scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div>

  <div class="c-recommend-articles__item"><div style="background-image: url('http://images.ifanr.cn/wp-content/uploads/2015/09/didi.jpg')" class="c-recommend-articles__image"><a target="_blank" title="【重磅】苹果向滴滴投资 10 亿美元，原因是可能是这个！" href="http://www.ifanr.com/656202" class="c-recommend-articles__image__link-overlay" ga-event-label="RecommendArticle" ga-event-category="Widget" ga-action="click" ga-track="event"></a></div><div class="c-recommend-articles__info"><h1 class="c-recommend-articles__title"><a target="_blank" href="http://www.ifanr.com/656202"><span>【重磅】苹果向滴滴投资 10 亿美元，原因是可能是这个！</span></a></h1><span class="c-recommend-articles__time">5-13 18:26</span></div></div>


  <div class="c-recommend-articles__item"><div style="background-image: url('http://images.ifanr.cn/wp-content/uploads/2016/05/stock-photo-robot-child-reading-a-book-in-the-workshop-of-its-creator-287641082.jpg')" class="c-recommend-articles__image"><a target="_blank" title="在让人工智能听懂人话的问题上，Google是这样做的" href="http://www.ifanr.com/656463" class="c-recommend-articles__image__link-overlay" ga-event-label="RecommendArticle" ga-event-category="Widget" ga-action="click" ga-track="event"></a></div><div class="c-recommend-articles__info"><h1 class="c-recommend-articles__title"><a target="_blank" href="http://www.ifanr.com/656463"><span>在让人工智能听懂人话的问题上，Google是这样做的</span></a></h1><span class="c-recommend-articles__time">5-14 03:12</span></div></div>
  </div>

  
</div>

<section data-component="RecentCommentsWidget" class="o-widget c-hot-comment-widget">
  <div class="o-widget__header c-hot-comment-widget-header">
    <h1 class="o-widget__header__title c-hot-comment-widget-header__title">最近评论</h1>
  </div>


  <ul data-component="Scrollbar" class="o-widget__items c-hot-comment-widget-items js-recent-comment-items ps-container ps-theme-default" data-ps-id="d005b513-ef72-1f4f-d9f4-2e767e53f72c">

  <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px;"><div class="ps-scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div>

  <div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px;"><div class="ps-scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div>

  <li class="c-hot-comment-widget__items__item c-hot-comment-widget-item js-hot-comment-widget-item"><a target="_blank" href="http://www.ifanr.com/724110" class="c-hot-comment-widget-item__wrap" ga-event-label="LatestComments" ga-event-category="Widget" ga-action="click" ga-track="event"><p class="c-hot-comment-widget-item__main">叫淘宝直通车，帮淘宝卖家做精准推广的。</p><p class="c-hot-comment-widget-item__meta"><span class="c-hot-comment-widget-item__meta__item-hint">评论于</span> <span class="u-clamp-line--1 u-inline c-hot-comment-widget-item__meta__item-link">亚马逊成美国网民购物搜索引擎首选，Google 最大饭碗被威胁</span></p><div class="c-hot-comment-widget-item__user-info"><span class="c-hot-comment-widget-item__user-info__username">刘 浩南</span> <img src="http://gravatar.ifanrx.com/avatar/6b9c5f160605c33e270e75e74a03fdab?s=48&amp;d=%2F%2Fifanr.b0.upaiyun.com%2Fsite-static%2Fifanr-2.0%2Fdist%2Fimages%2Fcommon%2Fgravatar.jpg" class="c-hot-comment-widget-item__user-info__avatar"></div></a>

  </li>

  
  </ul>
</section>



<section data-component="MindStoreWidget" class="o-widget c-mindstore-widget">
  <div class="o-widget__header c-mindstore-widget-header" style="background: url('/if/mind.png');">
    <h1 class="o-widget__header__title c-mindstore-widget-header__title">MindStore</h1>
  </div>

  <div class="o-widget__items c-mindstore-widget-items js-mindstore-widget-items"><div class="c-loading c-mindstore-widget__loading"></div></div>

  <div class="c-mindstore-widget__footer js-mindstore-widget-pagination">
    <ul class="c-mindstore-widget-pagination">
      <li data-page="1" class="c-mindstore-widget-pagination__page-number">
        1
      </li>
      <li data-page="2" class="c-mindstore-widget-pagination__page-number">
        2
      </li>
      <li data-page="3" class="c-mindstore-widget-pagination__page-number">
        3
      </li>
      <li data-page="4" class="c-mindstore-widget-pagination__page-number">
        4
      </li>
    </ul>

    <a target="_blank" href="链接/" class="c-mindstore-widget-link">
      前往 MindStore
    </a>
  </div>
</section>


<section class="o-widget c-subscript-widget">
  <h1 class="c-subscript-widget-header">
    <div class="c-subscript-widget-header__emphasize">硅谷消息</div>
    <div class="c-subscript-widget-header__helper">Silicon Valley Newsletter</div>
  </h1>
  <div class="c-subscript-widget__description c-subscript-widget-description">新的世界，与变革同步，每日推送，关注未来，关注创新与连接！</div>
  <form target="_blank" class="validate c-subscript-widget__form c-subscript-widget-form" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" method="post" action="https://ifanr.us2.list-manage.com/subscribe/post?u=f770959951cdcc1bba7ab56cb&amp;id=258559241a">
    <input type="email" class="c-subscript-widget-form__input" placeholder="填写邮箱，订阅我们" id="mce-EMAIL" name="EMAIL" value="">
    <input type="submit" class="c-subscript-widget-form__submit" id="mc-embedded-subscribe" name="subscribe" value="订阅" ga-event-label="MailSubscribe" ga-event-category="Widget" ga-action="click" ga-track="event">
  </form>
</section>

    </aside>
    
 
  

  </div>
   <button class="c-load-more__button js-load-more btn">加载更多</button>
    <script type="text/javascript">

        //分页
        
       $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 }
          });
       var p = 1;
       
     
        alert($);
        //添加滚动事件
        $('.btn').on('click', function(){
            $.ajax({

                url:"{{ url('/home/index/index') }}",
                data:{p:p},
                type:"GET",
                success:function()
                {
                alert(111);
                   
                },

                error:function()
                {
                    alert(222);
                },
                dataType:'json'
            });
        alert(333);
        }

    </script>

  @endsection('content')